@import './variable.less';

.popup {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid white;
}

.svgContainer{
  > svg path{
    pointer-events: auto !important;
  }
}

.mapLabelIcon{
  width: 60px;
  height: 60px;
}

.popupBg{
  width: 620px;
  height: 300px;
}

.image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.top {
  path {
    stroke-width: 1;
    stroke-dasharray: 10 5 5 5;
    fill-opacity: 1;
    transition: all .3 ease-in-out;
    &:hover {
      fill-opacity: .6;
    }
  }
  .region:hover {
    .light {
      display: inline;
    }
  }
  .light {
    display: none;
    path {
      stroke-dasharray: unset;
      fill: none;
      stroke-width: 2;
    }
  }
}
